<script type="text/javascript">
	
	function remover(id, nome){
		modal.confirm('Deseja remover o Nível <strong>' + nome +'</strong>?', 
					  function(){
					  	var data = {id: id};
					  	$.ajax({
					  		url:  "<?= base_url() ?>nivel/remover",
					  		data: data,
					  		type: 'POST',
					  		success: function(result){ 
					  			modal.message(result,"success"); 
					  			$("#row" + id).remove();
					  		},
					  		error: function(){
					  			modal.message("Ocorreu um erro na exclusão da nivel!")
					  		}
					  	}); 
					  }, function() {modal.encerrar(); }
					  );
	}

	function editar(id){
		location.href =  '<?= base_url() ?>nivel/cadastrar?id=' + id;
	}

</script>

<table class="table table-striped">
  	<thead>
	    <tr>
	      <th>Nome</th>
	      <th></th>
	      <th></th>
	    </tr>
	</thead>

	<tbody>
  		<?php foreach ($nivels as $nivel):?>
  			<tr id="row<?php echo $nivel['id']; ?>">
  			  <td><?php echo $nivel['nome'];?></td>
		      <td>
		      	<button class="btn btn-primary edit" onclick="editar(<?php echo $nivel['id']; ?>)"> 
		      		<i class="icon-edit icon-white"></i> 
		      	</button>
		      </td>
		      <td>
		      	<button class="btn btn-danger remove" onclick="remover(<?php echo $nivel['id']; ?>, '<?php echo $nivel['nome'] ?>');"> 
		      		<i class="icon-remove icon-white"></i> 
		      	</button>
		      </td>
		    </tr>
	    <?php endforeach;?>
	</tbody>
</table>


<?php if (empty($nivels)):?>
	<div class="alert">
	  <button type="button" class="close" data-dismiss="alert">&times;</button>
	  <strong>Atenção!</strong> Não há resultados para esta consulta
	</div>
<?php endif ?>